<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <style type="text/css">
        body{
            font-size: 50px;
            background-color: ivory;
            font-family: "Sitka Text";
        }
        div{
            background-color: aquamarine;
            color: blue;
            font-size: 50px;
            font-family: Consolas; /* 设置字体 */
        }
        h1{
            color: darkorange;
            font-style: italic; /* 字体倾斜 */
        }
        a{
            color: chocolate;
            text-decoration: none; /* 去掉下划线 */
        }
        em{
            font-style: normal; /* 去除字体倾斜效果 */
            color: darkcyan;
        }
    </style>
</head>
<body>
    <div>
        <h>this is a div</h>
    </div>
    <h1>this is h1</h1>
    <a href="">this is a link</a>
    <em>this is em</em>
</body>
</html>